<div id="notification-settings" class="settings-section" data-name="notifications">
    <form class="notification-settings-form">
        <div class="notification-reminder tip">{{#tr this }}Notifications are triggered when a message arrives and Zulip isn't in focus or the message is offscreen.{{/tr}}</div>

        <div id="stream-notify-settings">
            <h3 class="inline-block">{{t "Stream messages" }}</h3>
            <div class="alert-notification" id="stream-notify-settings-status"></div>
            <p>{{t "Unless I say otherwise for a particular stream, I want:" }}</p>

            {{partial "settings_checkbox"
              "setting_name" "enable_stream_desktop_notifications"
              "is_checked" page_params.enable_stream_desktop_notifications
              "label" settings_label.enable_stream_desktop_notifications
              "end_content" '<div class="propagate_stream_notifications_change"></div>'}}


            {{partial "settings_checkbox"
              "setting_name" "enable_stream_sounds"
              "is_checked" page_params.enable_stream_sounds
              "label" settings_label.enable_stream_sounds
              "end_content" '<div class="propagate_stream_notifications_change"></div>'}}

            {{partial "settings_checkbox"
              "setting_name" "enable_stream_push_notifications"
              "is_checked" page_params.enable_stream_push_notifications
              "label" settings_label.enable_stream_push_notifications
              "push_notifications_tooltip" true
              "end_content" '<div class="propagate_stream_notifications_change"></div>'}}

            {{partial "settings_checkbox"
              "setting_name" "enable_stream_email_notifications"
              "is_checked" page_params.enable_stream_email_notifications
              "label" settings_label.enable_stream_email_notifications
              "end_content" '<div class="propagate_stream_notifications_change"></div>'}}

            <p class="notification-settings-note">
                {{#tr this}}Change notification settings for individual streams on your <a href="/#streams">Streams page</a>.{{/tr}}
            </p>
        </div>

        <div id="pm-mention-notify-settings">
            <h3 class="inline-block">{{t "Private messages and @-mentions" }}</h3>
            <div class="alert-notification" id="pm-mention-notify-settings-status"></div>
            <p>{{t "I want:" }}</p>

            {{partial "settings_checkbox"
              "setting_name" "enable_desktop_notifications"
              "is_checked" page_params.enable_desktop_notifications
              "label" settings_label.enable_desktop_notifications}}

            {{partial "settings_checkbox"
              "setting_name" "pm_content_in_desktop_notifications"
              "is_checked" page_params.pm_content_in_desktop_notifications
              "is_parent_setting_enabled" page_params.enable_desktop_notifications
              "is_nested" true
              "label" settings_label.pm_content_in_desktop_notifications}}

            {{partial "settings_checkbox"
              "setting_name" "enable_sounds"
              "is_checked" page_params.enable_sounds
              "label" settings_label.enable_sounds}}

            {{partial "settings_checkbox"
              "setting_name" "enable_offline_email_notifications"
              "is_checked" page_params.enable_offline_email_notifications
              "label" settings_label.enable_offline_email_notifications}}

            {{partial "settings_checkbox"
              "setting_name" "enable_offline_push_notifications"
              "is_checked" page_params.enable_offline_push_notifications
              "label" settings_label.enable_offline_push_notifications
              "push_notifications_tooltip" true}}

            {{partial "settings_checkbox"
              "setting_name" "enable_online_push_notifications"
              "is_checked" page_params.enable_online_push_notifications
              "is_parent_setting_enabled" page_params.enable_offline_push_notifications
              "is_nested" true
              "label" settings_label.enable_online_push_notifications
              "push_notifications_tooltip" true}}
        </div>

        <div id="other_notifications">

            <h3 class="inline-block">{{t "Other notification settings" }}</h3>
            <div class="alert-notification" id="other-notify-settings-status"></div>

            {{partial "settings_checkbox"
              "setting_name" "enable_digest_emails"
              "is_checked" page_params.enable_digest_emails
              "label" settings_label.enable_digest_emails}}

            {{partial "settings_checkbox"
              "setting_name" "enable_login_emails"
              "is_checked" page_params.enable_login_emails
              "label" settings_label.enable_login_emails}}

            {{partial "settings_checkbox"
              "setting_name" "message_content_in_email_notifications"
              "is_checked" page_params.message_content_in_email_notifications
              "label" settings_label.message_content_in_email_notifications}}

            {{partial "settings_checkbox"
              "setting_name" "realm_name_in_notifications"
              "is_checked" page_params.realm_name_in_notifications
              "label" settings_label.realm_name_in_notifications}}
        </div>

        <label for="notification_sound">
            {{t "Notification sound:" }}
        </label>

        <div class="input-group {{#unless enable_sound_select}}control-label-disabled{{/unless}}">
            <select name="notification_sound" id="notification_sound"
              {{#unless enable_sound_select}}
              disabled
              {{/unless}}>
                {{#each page_params.available_notification_sounds}}
                <option value="{{ this }}">{{ this }}</option>
                {{/each}}
            </select>
            <a id="play_notification_sound">
                {{t "Play sound" }}
            </a>
        </div>
    </form>
</div>
